<template>
	<view class="index w-full flex flex-col items-center text-white gap-10">
		<view class="text-5xl mt-20">{{$t('institute.lianxiwomeng')}}</view>
		<view class="text-lg">{{$t('aboutUs.xyrhbzqlxwm')}}</view>
		<view class="py-20 text-center">
			<view class="text-md">{{$t('aboutUs.lianxizixun')}}：</view>
			<view>service@btcaholic.com</view>
			<view class="text-md mt-5">{{$t('aboutUs.changguizixun')}}：</view>
			<view>service@btcaholic.com</view>
			<view class="text-md mt-5">{{$t('aboutUs.kehufuwu')}}：</view>
			<view>service@btcaholic.com</view>
			<view class="text-md mt-5">{{$t('aboutUs.meitihezuo')}}：</view>
			<view>service@btcaholic.com</view>
		</view>
		<view class="center-bg w-full flex justify-center mt-2">
			<footerPage></footerPage>
		</view>
	</view>
</template>

<script>
	import {
		mapState,
		mapActions
	} from 'vuex'
	export default {
		data() {
			return {}
		},
		computed: {
			...mapState({
				mode: state => state.app.mode,
				sysConfig: state => state.app.sysConfig,
			})
		},
		methods: {
			clickTab(row){}
		}
	}
</script>

<style scoped lang="scss">
.center-bg{
		background-color: #121212;
	}
</style>